import React,{Component} from 'react';
import './remotely.less';
import material from './materil';
import { Row, Col } from 'antd';
const prefix = 'remotely';
class Pathology extends Component{
    render()
    {
        let material_source = material.map((value,index)=>{
            return(
                <Col key={index} className={prefix+"-material-list"} span={4}>
                    <img src={value} alt=""/>
                </Col>
            )
        })
        return (
            <div className={prefix}>
                <div className={prefix+"-features"} id={prefix+"-features"}>
                    <p>通过梅奥转诊办公室eConsults（远程会诊）独家专属平台，中国患者不出国门</p>
                    <p>即可“E站”获得梅奥医疗集团专家综合、专业的病情分析、评估、诊断和治疗方案。</p>
                </div>
                <div className={prefix+"-chose clearfix"}>
                    <h3>为何选择远程会诊</h3>
                    <img src={require('./img/fir.png')} alt=""/>
                    <img src={require('./img/sec.png')} alt=""/>
                    <img src={require('./img/thir.png')} alt=""/>
                </div>
                <div className={prefix+"-step"}>
                    <h3>病理会诊流程</h3>
                    <img src={require('./img/step.png')} alt=""/>
                </div>
                <div className={prefix+"-material clearfix"}>
                    <Row type='flex' justify="space-around">
                    {material_source}
                    </Row>
                </div>
            </div>
        )
    }
};
export default Pathology;